<template>
	<view :style="{'padding-top':statusBarHeight + 'px'}">
		<view class="wrap">
			<view class="module">
				<view class="wrap-title">个人房产信息查询</view>
				<view class="form">
					<view class="form-item">
						<view class="title"><text class="form-item__title">申请人姓名：</text></view>
						<view class="input-wrapper">
							*泰
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">身份证号码：</text></view>
						<view class="input-wrapper">
							4*****************9
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">查询编号：</text></view>
						<view class="input-wrapper">
							20230617095946
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">结果条数：</text></view>
						<view class="input-wrapper">
							房屋登记信息、备案信息、交易信息共计<text style="color:#E14548; padding: 0 6rpx">2</text>条
						</view>
					</view>
				</view>
			</view>
			<view class="module">
				<view class="wrap-title">查询结果序号1</view>
				<view class="form">
					<view class="form-item">
						<view class="title"><text class="form-item__title">信息类型：</text></view>
						<view class="input-wrapper">
							房屋交易(买方)
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">被查询人：</text></view>
						<view class="input-wrapper">
							*泰
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">身份证号：</text></view>
						<view class="input-wrapper">
							4*****************9
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">证书编号：</text></view>
						<view class="input-wrapper">
							武2009006628
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">设计用途：</text></view>
						<view class="input-wrapper">
							成套住宅
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">房屋坐落：</text></view>
						<view class="input-wrapper">
							武汉市武昌区水果湖路33号1栋1楼101室
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">建筑面积：</text></view>
						<view class="input-wrapper">
							117.21平方米
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">成交价：</text></view>
						<view class="input-wrapper">
							43.56万元
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">登记(合同成交)时间：</text></view>
						<view class="input-wrapper">
							2009年11月23日
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">业务状态：</text></view>
						<view class="input-wrapper">
							未注销
						</view>
					</view>
				</view>
			</view>
			<view class="module">
				<view class="wrap-title">查询结果序号2</view>
				<view class="form">
					<view class="form-item">
						<view class="title"><text class="form-item__title">信息类型：</text></view>
						<view class="input-wrapper">
							商品房买卖
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">被查询人：</text></view>
						<view class="input-wrapper">
							*泰
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">身份证号：</text></view>
						<view class="input-wrapper">
							4*****************9
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">证书编号：</text></view>
						<view class="input-wrapper">
							市200410036
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">设计用途：</text></view>
						<view class="input-wrapper">
							成套住宅
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">房屋坐落：</text></view>
						<view class="input-wrapper">
							江岸区大厦祥润楼(A2座)14层1404室
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">建筑面积：</text></view>
						<view class="input-wrapper">
							121.69平方米
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">成交价：</text></view>
						<view class="input-wrapper">
							32.4669万元
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">登记(合同成交)时间：</text></view>
						<view class="input-wrapper">
							2004年06月21日
						</view>
					</view>
					<view class="form-item">
						<view class="title"><text class="form-item__title">业务状态：</text></view>
						<view class="input-wrapper">
							全部注销
						</view>
					</view>
				</view>
			</view>
			<view class="tisi">
				注:“无查询记录”，即表示截止查询当日在武汉市房产档案系统及合同备案系统中，该身份证号无相对应的历史房屋权属登记、房屋交易和商品房合同备案等信息记录。
			</view>
			<view class="tisi">
				友情提示:请认真核实“武汉市房屋交易权属及合同备案信息查询结果”，如对查询结果有疑问的，请点击[我有疑问]按钮提交疑问详情，如对查询结果无疑问，可点击[查看结果单]按钮进行查询结果下载操作(下载的查询结果单文件为图片格式)。
			</view>
			<view class="page-bottom">
				<button type="default" class="page-button agree" @click="isShow = true">查看查询单</button>
				<button type="default" class="page-button agree">服务评价</button>
				<button type="default" class="page-button">我有疑问</button>
				<button type="default" class="page-button">返回列表</button>
				<button type="default" class="page-button delBut">删除房查记录</button>
			</view>
		</view>
	
	
	 <view v-show="isShow" class="show_Title" @click="isShow = false">
	 	<view class="show-title-title">
	 		<view class="show-title-title-text">
	 			系统提示
	 		</view>
			
			<view class="show-title-title-content">
				系统正在生成结果单，请耐心等待。结果单文件为图片类型，用户长按该图片可保存并使用。
			</view>
			
			<view @click="goSearchOrder" class="show-title-button">
				确认
			</view>
	 	</view>
	 </view>
	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		data() {
			return {
				statusBarHeight: 0,
				safeAreaInsets: 0,
				isShow:false,
			}
		},
		methods: {
			...mapGetters(['getstatusBarHeight', 'getSaInsetBottom']),
			goTo(item) {
				uni.navigateTo({
					url: item.jumpUrl
				})
			},
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			chanage(e) {
				console.log(e.detail.value)
				let data = e.detail.value
				if (data && data.length > 0) {
					this.isDisabled = false
				} else {
					this.isDisabled = true
				}
			},
			goSearchOrder() {
				uni.navigateTo({
					url: '/pages/searchOrder/index'
				})
			}
		},
		mounted() {
			this.statusBarHeight = this.getstatusBarHeight();
			this.safeAreaInsets = this.getSaInsetBottom();
		}
	};
</script>

<style>
	.wrap {
		padding: 0 0 200rpx 0;
	}

	.wrap-title {
		width: 100%;
		height: 80rpx;
		display: flex;
		align-items: center;
		background: #F0F0F0;
		color: #6B6B6B;
		font-size: 30rpx;
		padding-left: 24rpx;
	}

	.navigate-item {
		/* #ifdef H5 */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		border-top-style: solid;
		border-top-color: #f0f0f0;
		border-top-width: 1px;
		padding: 12px;
		/* #ifdef H5 */
		cursor: pointer;
		/* #endif */
	}

	.navigate-text {
		flex: 1;
		color: #1E1E1E;
		font-size: 30rpx;
		font-weight: normal;
		line-height: 45rpx;
	}

	.page-bottom {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 40rpx;

	}

	.page-button {
		width: 320rpx;
		background: #fff;
		color: #596B93;
		font-weight: 600;
	}

	.agree {
		background: #05C160!important;
		color: #fff!important;
	}

	.agreeList {
		margin-top: 30rpx;
		padding: 0 24rpx;
	}

	.form-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		border-top-style: solid;
		border-top-color: #f0f0f0;
		border-top-width: 1px;
		padding: 12px;
		font-weight: 600;
		font-size: 36rpx;
	}

	.form-item .title {
		margin-right: 36rpx;
		word-break: keep-all;
	}

	.verrifi {
		margin-top: 26rpx;
	}

	.uni-input {
		width: 200rpx;
	}

	.input-wrapper {
		color: #6B6B6B;
		font-weight: 500;
		text-align: right;
		font-size: 30rpx;
	}
	.tisi {
		padding: 40rpx 20rpx 0 20rpx;
		color: #929292;
		font-size: 24rpx;
	}
	.page-bottom {
		padding: 0 42rpx;
		flex-flow: wrap;
	}
	.page-button {
		width: 320rpx;
		background: #fff;
		color: #596B93;
		font-weight: 600;
		margin-bottom: 40rpx;
	}
	.agree {
		background: #05C160;
		color: #fff;
	}
	.delBut {
		background: #fff !important;
		color: #E75D66 !important;
	}
	
	.show_Title {
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.6);
	}
	.show-title-title {
		position:absolute;
		top: 50%;
		left:50%;
		transform: translate(-50%,-50%);
		background-color: #fff;
		width: 700rpx;
		border-radius: 8px;
		padding: 40rpx 26rpx 26rpx;
		box-sizing: border-box;
	}
	.show-title-title-text {
		text-align:center;
		font-size: 42rpx;
		color: rgb(8,8,8);
	}
	.show-title-title-content {
		font-size:40rpx;
		color: #6B6B6B;
		text-align: center;
		margin-top: 30rpx;
	}
	.show-title-button {
		text-align:center;
		border-top: 1px solid #EDF0F2;
		color: rgb(59, 156, 216);
		font-size: 42rpx;
		margin-top: 20rpx;
		padding-top: 20rpx;
	}
</style>